<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>CSS3动画</title>
        <link rel="stylesheet" type="text/css" href="animate.css">
        <link rel="stylesheet" type="text/css" href="btn.css">
        <script src="js/lib/jquery.js"></script>
    </head>
    <body>
        <div class="animate bounce flash pulse rubberBand shake swing tada wobble lightSpeedIn">
            <h1>Animate.css</h1>
        </div>
        <a class="btn btn-radius btn-size btn-blue">animate it</a>
        <script>
            $("a").click(function () {
                $("h1").addClass("animate wobble").one("webkitAnimationEnd", function () {
                    $(this).removeClass("animate wobble");
                })
            });
        </script>
    </body>
</html>